import { Form, Modal, message, Row, Col, Space, Button } from "antd";
import { CommonModal } from "@/views/components/CommonModal";
import Typography from "@/pages/OrderModule/common/components/Typography";
import { CheckCircleOutlined } from "@ant-design/icons";

/**
 *
 * @param {*} param0 options [{value,label}]
 * @returns
 */
export default ({ visible, title, width, onCancel, onOk, ...resetProps }) => {
	return (
		<CommonModal
			{...resetProps}
			title={{ title }}
			open={visible}
			width="530px"
			footer={
				<Row justify="space-between">
					<Col></Col>
					<Col>
						<Space>
							<Button size="middle" type="ghost" onClick={onOk}>
								下载表格
							</Button>
						</Space>
					</Col>
				</Row>
			}
			onCancel={onCancel}
		>
			<div className="flex-column flx-center">
				<CheckCircleOutlined style={{ fontSize: "60px", marginTop: "20px", color: "#52c41a" }} />

				<div className="flx-center justify-center" style={{ width: "60%", marginTop: "20px" }}>
					<Typography>导出成功</Typography>
				</div>
			</div>
		</CommonModal>
	);
};
